<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <link href="//unpkg.com/layui@2.7.6/dist/css/layui.css" rel="stylesheet" />
    <script src="//unpkg.com/layui@2.7.6/dist/layui.js"></script> -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-src/dist/css/layui.css" />
    <script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.all.js"></script> -->
    <link rel="stylesheet" href="layui/css/layui.css" />
    <title>Document</title>
    <style>
      ::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
      }
      /* 滚动条颜色 */
      ::-webkit-scrollbar-thumb {
        background-color: rgba(200, 193, 193, 0.5);
        border-radius: 4px;
      }

      .page {
        font-size: 16px;
        padding: 24px;
      }
      .step {
        margin-bottom: 24px;
      }
      .step-content {
        display: flex;
        justify-content: space-between;
      }
      .title {
        font-weight: 700;
        font-size: 18px;
        margin: 12px 0;
      }
      .step-card-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 12px 0 12px;
      }

      .step-card-content {
        padding: 12px;
      }

      .circle-btn {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .step-card-right {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .close-tag,
      .add-tag {
        width: fit-content;
        height: 22px;
        padding: 6px 10px;
        font-size: 13px;
        color: #1e9fff;
        background-color: rgba(30, 159, 255, 0.1);
        border-radius: 4px;
        border: 1px solid #c2dbee;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
      }
      .add-tag {
        width: fit-content;
        height: 22px;
        color: #333;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 6px 10px;
        cursor: pointer;
      }

      .hover-big-icon {
        cursor: pointer;
      }

      .sub-form-item {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eee;
      }

      .sub-title {
        color: #000;
        font-weight: 700;
        margin-bottom: 12px;
      }

      .link-text {
        color: #1e9fff;
        cursor: pointer;
        font-size: 15px;
      }

      .active-row {
        background-color: rgba(30, 159, 255, 0.3);
      }

      .table {
        width: 100%;
        border-top: 1px solid #dcdfe6;
        border-right: 1px solid #dcdfe6;
        border-spacing: 0;
      }
      .table tbody {
        width: 100%;
      }
      .table thead,
      tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
      }
      .table tbody {
        display: block;
        height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
      }

      .table > thead > tr {
        background-color: #f5f7fa;
      }

      .table td {
        word-wrap: break-word;
        font-size: 20px;
        padding: 5px 10px;
        border-bottom: 1px solid #dcdfe6;
        border-left: 1px solid #dcdfe6;
        cursor: pointer;
      }

      .table .layui-textarea {
        min-height: 48px;
        height: 48px;
      }

      .layui-table td,
      .layui-table th {
        position: relative;
        padding: 4px 12px;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
      }

      .layui-table th {
        padding: 8px 12px;
      }

      /* 自定义下拉框样式 */
      .layui-form-select dl dd.layui-this {
        background-color: #1e9fff;
        color: #fff;
      }

      .layui-form-radio:hover *,
      .layui-form-radioed,
      .layui-form-radioed > i {
        color: #1e9fff;
      }

      .no-scroll {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <div class="page">
      <div class="step step-first">
        <div class="title">第①步：确认/编辑会话记录</div>
        <div class="step-content">
          <div class="step-card layui-panel" style="width: 49%">
            <div class="step-card-top">
              <div class="step-card-left">录音转文本原始记录</div>
              <div class="step-card-right">
                <button type="button" class="layui-btn circle-btn layui-btn-normal">
                  <i class="layui-icon layui-icon-ok layui-font-14"></i>
                </button>
                <button type="button" class="layui-btn layui-btn-primary circle-btn layui-border-orange">
                  <i class="layui-icon layui-icon-edit layui-font-18"></i>
                </button>
                <button type="button" class="layui-btn circle-btn layui-btn-normal">
                  <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                </button>
              </div>
            </div>
            <div class="table-container">
              <table class="table layui-table" id="origin-table">
                <thead>
                  <tr>
                    <th style="text-align: center; width: 100px">序号</th>
                    <th style="width: 100px">说话人</th>
                    <th>说话内容</th>
                  </tr>
                </thead>
                <tbody>
                  <tr id="origin-1">
                    <td style="text-align: center; width: 100px">1</td>
                    <td style="text-align: center; width: 100px">
                      <form class="layui-form" action="">
                        <select name="speaker" lay-verify="" style="width: 100%" lay-filter="speakerSelect">
                          <option value="0">用户</option>
                          <option value="1">坐席</option>
                        </select>
                      </form>
                    </td>
                    <td>人生就像是一场修行</td>
                  </tr>
                  <tr id="origin-2">
                    <td style="text-align: center; width: 100px">2</td>
                    <td style="text-align: center; width: 100px">
                      <form class="layui-form" action="">
                        <select name="speaker" lay-verify="" style="width: 100%" lay-filter="speakerSelect">
                          <option value="0">用户</option>
                          <option value="1">坐席</option>
                        </select>
                      </form>
                    </td>
                    <td>人生就像是一场修行</td>
                  </tr>
                  <tr id="origin-13">
                    <td style="text-align: center; width: 100px">13</td>
                    <td style="text-align: center; width: 100px">
                      <form class="layui-form" action="">
                        <select name="speaker" lay-verify="" style="width: 100%" lay-filter="speakerSelect">
                          <option value="0">用户</option>
                          <option value="1">坐席</option>
                        </select>
                      </form>
                    </td>
                    <td>人生就像是一场修行</td>
                  </tr>
                  <tr id="origin-5">
                    <td style="text-align: center; width: 100px">5</td>
                    <td style="text-align: center; width: 100px">
                      <form class="layui-form" action="">
                        <select name="speaker" lay-verify="" style="width: 100%" lay-filter="speakerSelect">
                          <option value="0">用户</option>
                          <option value="1">坐席</option>
                        </select>
                      </form>
                    </td>
                    <td>人生就像是一场修行</td>
                  </tr>
                  <tr id="origin-20">
                    <td style="text-align: center; width: 100px">20</td>
                    <td style="text-align: center; width: 100px">
                      <form class="layui-form" action="">
                        <select name="speaker" lay-verify="" style="width: 100%" lay-filter="speakerSelect">
                          <option value="0">用户</option>
                          <option value="1">坐席</option>
                        </select>
                      </form>
                    </td>
                    <td>人生就像是一场修行</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="step-card layui-panel" style="width: 49%">
            <div class="step-card-top">
              <div class="step-card-left">大模型重写会话记录</div>
              <div class="step-card-right">
                <button type="button" class="layui-btn circle-btn layui-btn-normal">
                  <i class="layui-icon layui-icon-ok layui-font-14"></i>
                </button>
                <button type="button" class="layui-btn circle-btn layui-btn-normal">
                  <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                </button>
              </div>
            </div>
            <div class="table-container">
              <table class="table layui-table" id="rewrite-table">
                <thead>
                  <tr>
                    <th style="width: 100px">对话时间</th>
                    <th style="width: 200px">用户</th>
                    <th>人工客服</th>
                  </tr>
                </thead>
                <tbody>
                  <tr connect-id="origin-1">
                    <td style="width: 100px">11:00-1:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                        rows="2"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-2">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-3">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-4">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-5">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容5"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-6">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-7">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-8">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-9">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-10">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-11">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-12">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-13">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-14">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-15">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容15"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-16">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-17">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-18">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-19">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                  <tr connect-id="origin-20">
                    <td style="width: 100px">12:00-2:00</td>
                    <td style="width: 200px">
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容20"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                    <td>
                      <textarea
                        name="rewrite_table_textarea"
                        placeholder="请输入内容"
                        class="layui-textarea"
                      ></textarea>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="step step-second">
        <div class="title">第②步：确认/编辑会话分析状态</div>
        <div class="step-card layui-panel">
          <div class="step-card-top" style="border-bottom: 1px solid #eee; padding-bottom: 12px">
            <div class="step-card-left">大模型会话分析结果</div>
            <div class="step-card-right">
              <button type="button" class="layui-btn circle-btn layui-btn-normal">
                <i class="layui-icon layui-icon-refresh layui-font-14"></i>
              </button>
            </div>
          </div>
          <div class="step-card-content">
            <form class="layui-form" action="">
              <div style="display: flex">
                <div class="layui-form-item" style="display: flex">
                  <label class="layui-form-label" style="width: 146px">会话情况</label>
                  <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                    <input type="radio" name="dialogue" value="0" title="已解决" checked />
                    <input type="radio" name="dialogue" value="1" title="未解决" />
                    <input type="radio" name="dialogue" value="2" title="无效会话" />
                  </div>
                </div>
                <div class="layui-form-item" style="min-width: 260px; margin: 0 48px">
                  <label class="layui-form-label" style="width: fit-content">是否需要回访</label>
                  <div class="layui-input-block">
                    <input type="radio" name="visit" value="0" title="否" checked />
                    <input type="radio" name="visit" value="1" title="是" />
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">是否转运维</label>
                  <div class="layui-input-block">
                    <input type="radio" name="operate" value="0" title="否" checked />
                    <input type="radio" name="operate" value="1" title="是" />
                  </div>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label" style="width: 146px">用户咨询情况小结</label>
                <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                  <textarea name="user_consult_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label" style="width: 146px">客服回复情况小结</label>
                <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                  <textarea name="service_consult_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label" style="width: 146px">问答对提取情况</label>
                <div class="layui-form-item" style="display: flex; width: 35%">
                  <label class="layui-form-label" style="width: fit-content">问题</label>
                  <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                    <textarea name="question_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                  </div>
                </div>
                <div class="layui-form-item" style="display: flex; width: 35%">
                  <label class="layui-form-label" style="width: fit-content">答案</label>
                  <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                    <textarea name="answer_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                  </div>
                </div>
                <div style="margin-left: 24px; display: flex; align-items: center">
                  <button type="button" class="layui-btn layui-btn-primary">
                    <i class="layui-icon layui-icon-addition layui-font-14"></i>
                  </button>
                  <button type="button" class="layui-btn layui-btn-primary">
                    <i class="layui-icon layui-icon-subtraction layui-font-14"></i>
                  </button>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label" style="width: 146px">会话关键词</label>
                <div class="layui-input-block" style="margin-left: 20px; flex: 1; display: flex">
                  <div class="close-tag">
                    <span class="tag-item">关键词1</span>
                    <i
                      class="layui-icon layui-icon-close hover-big-icon"
                      style="margin-left: 12px; margin-top: 2px"
                    ></i>
                  </div>
                  <div class="add-tag">增加关键词</div>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label" style="width: 146px">重新生成的提示</label>
                <div class="layui-input-block" style="margin-left: 20px; flex: 1">
                  <textarea
                    name="regenerate_textarea"
                    placeholder="请输入您希望大模型重新生成的内容提示，您可以根据需求自由调整提示，以获得满意的结果。"
                    class="layui-textarea"
                  ></textarea>
                </div>
              </div>
              <div class="layui-form-item" style="display: flex">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                  <button class="layui-btn layui-btn-normal" lay-submit lay-filter="stepSecondFormRegenerate">
                    <i class="layui-icon layui-icon-edit layui-font-14"></i>
                    重新生成
                  </button>
                  <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                    <i class="layui-icon layui-icon-ok layui-font-14"></i>
                    保存
                  </button>
                  <button type="reset" class="layui-btn layui-btn-primary">
                    <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                    重置
                  </button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="step step-third">
        <div class="title">第③步：确认/编辑大模型结果</div>
        <div class="step-card layui-panel">
          <div class="step-card-top" style="border-bottom: 1px solid #eee; padding-bottom: 12px">
            <div class="step-card-left">大模型会话分析结果</div>
            <div class="step-card-right">
              <button type="button" class="layui-btn circle-btn layui-btn-normal">
                <i class="layui-icon layui-icon-refresh layui-font-14"></i>
              </button>
            </div>
          </div>
          <div class="step-card-content">
            <div class="layui-collapse" lay-accordion>
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">答复准确性</h2>
                <div class="layui-colla-content layui-show">
                  <form class="layui-form" action="">
                    <div class="layui-form-item">
                      <label class="layui-form-label">质检得分</label>
                      <div class="layui-input-block" style="width: 200px">
                        <input
                          type="number"
                          name="checkScore"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input"
                          min="0"
                          step="1"
                          lay-affix="number"
                        />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">质检结果</label>
                      <div class="layui-input-block" style="width: 200px">
                        <select name="checkResult" lay-verify="" lay-filter="checkResult">
                          <option value="0">准确</option>
                          <option value="1">不准确</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">背景知识</label>
                      <div class="layui-input-block" style="display: flex; align-items: center">
                        <div class="close-tag">
                          <span class="tag-item">电子办税</span>
                          <i
                            class="layui-icon layui-icon-close hover-big-icon"
                            style="margin-left: 12px; margin-top: 2px"
                          ></i>
                        </div>
                        <div class="link-text">查看全部背景知识</div>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">质检理由</label>
                      <div class="layui-input-block">
                        <textarea name="check_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">重新生成</label>
                      <div class="layui-input-block">
                        <textarea
                          name="answer_regen_textarea"
                          placeholder="请输入您希望大模型重新生成的内容提示，您可以根据需求自由调整提示，以获得满意的结果。"
                          class="layui-textarea"
                        ></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item" style="display: flex">
                      <label class="layui-form-label"></label>
                      <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="stepSecondFormRegenerate">
                          <i class="layui-icon layui-icon-edit layui-font-14"></i>
                          重新生成
                        </button>
                        <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                          <i class="layui-icon layui-icon-ok layui-font-14"></i>
                          保存
                        </button>
                        <button type="reset" class="layui-btn layui-btn-primary">
                          <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">服务规范性</h2>
                <div class="layui-colla-content">
                  <form class="layui-form" action="">
                    <div class="layui-form-item">
                      <label class="layui-form-label">得分</label>
                      <div class="layui-input-block" style="width: 200px">
                        <input
                          type="number"
                          name="seviceScore"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input"
                          min="0"
                          step="1"
                          lay-affix="number"
                        />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">细则</label>
                      <div class="layui-input-block">
                        <select name="checkResult" lay-verify="" lay-filter="detailSelect">
                          <option value="0">细则1</option>
                          <option value="1">细则2</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">理由</label>
                      <div class="layui-input-block">
                        <textarea name="service_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">重新生成</label>
                      <div class="layui-input-block">
                        <textarea
                          name="service_regen_textarea"
                          placeholder="请输入您希望大模型重新生成的内容提示，您可以根据需求自由调整提示，以获得满意的结果。"
                          class="layui-textarea"
                        ></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item" style="display: flex">
                      <label class="layui-form-label"></label>
                      <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="stepSecondFormRegenerate">
                          <i class="layui-icon layui-icon-edit layui-font-14"></i>
                          重新生成
                        </button>
                        <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                          <i class="layui-icon layui-icon-ok layui-font-14"></i>
                          保存
                        </button>
                        <button type="reset" class="layui-btn layui-btn-primary">
                          <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">操作流程规范</h2>
                <div class="layui-colla-content">
                  <form class="layui-form" action="">
                    <div class="layui-form-item">
                      <label class="layui-form-label">得分</label>
                      <div class="layui-input-block" style="width: 200px">
                        <input
                          type="number"
                          name="seviceScore"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input"
                          min="0"
                          step="1"
                          lay-affix="number"
                        />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">细则</label>
                      <div class="layui-input-block">
                        <select name="checkResult" lay-verify="" lay-filter="detailSelect">
                          <option value="0">细则1</option>
                          <option value="1">细则2</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">理由</label>
                      <div class="layui-input-block">
                        <textarea name="service_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">重新生成</label>
                      <div class="layui-input-block">
                        <textarea
                          name="service_regen_textarea"
                          placeholder="请输入您希望大模型重新生成的内容提示，您可以根据需求自由调整提示，以获得满意的结果。"
                          class="layui-textarea"
                        ></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item" style="display: flex">
                      <label class="layui-form-label"></label>
                      <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="stepSecondFormRegenerate">
                          <i class="layui-icon layui-icon-edit layui-font-14"></i>
                          重新生成
                        </button>
                        <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                          <i class="layui-icon layui-icon-ok layui-font-14"></i>
                          保存
                        </button>
                        <button type="reset" class="layui-btn layui-btn-primary">
                          <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">沟通能力评估</h2>
                <div class="layui-colla-content">
                  <form class="layui-form" action="">
                    <div class="layui-form-item">
                      <label class="layui-form-label">得分</label>
                      <div class="layui-input-block" style="width: 200px">
                        <input
                          type="number"
                          name="seviceScore"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input"
                          min="0"
                          step="1"
                          lay-affix="number"
                        />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">评分规则</label>
                      <div class="layui-input-block">
                        <select name="checkResult" lay-verify="" lay-filter="detailSelect">
                          <option value="0">细则1</option>
                          <option value="1">细则2</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">关键性差错</label>
                      <div class="layui-input-block">
                        <select name="checkResult" lay-verify="" lay-filter="detailSelect">
                          <option value="0">细则1</option>
                          <option value="1">细则2</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">理由</label>
                      <div class="layui-input-block">
                        <textarea name="service_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label">重新生成</label>
                      <div class="layui-input-block">
                        <textarea
                          name="service_regen_textarea"
                          placeholder="请输入您希望大模型重新生成的内容提示，您可以根据需求自由调整提示，以获得满意的结果。"
                          class="layui-textarea"
                        ></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item" style="display: flex">
                      <label class="layui-form-label"></label>
                      <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="stepSecondFormRegenerate">
                          <i class="layui-icon layui-icon-edit layui-font-14"></i>
                          重新生成
                        </button>
                        <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                          <i class="layui-icon layui-icon-ok layui-font-14"></i>
                          保存
                        </button>
                        <button type="reset" class="layui-btn layui-btn-primary">
                          <i class="layui-icon layui-icon-refresh layui-font-14"></i>
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">人工复核</h2>
                <div class="layui-colla-content">
                  <form class="layui-form" action="">
                    <div class="layui-form-item">
                      <label class="layui-form-label">理由</label>
                      <div class="layui-input-block">
                        <textarea name="service_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label"></label>
                      <button lay-submit lay-filter="stepSecondFormSubmit" class="layui-btn">
                        <i class="layui-icon layui-icon-ok layui-font-14"></i>
                        保存
                      </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="layui/layui.js"></script>
    <script>
      layui.use('form', function () {
        var form = layui.form;
        form.render();

        form.on('select(speakerSelect)', function (data) {
          console.log(data.value);
          if (data.value == '1') {
            alert('您选择了坐席');
          } else {
            alert('您选择了用户');
          }
        });

        //步骤二表单保存-对应的事件绑定 lay-filter属性值
        form.on('submit(stepSecondFormSubmit)', function (data) {
          layer.msg(JSON.stringify(data.field));
          return false;
        });
      });

      document.addEventListener('DOMContentLoaded', function () {
        var inputs = document.querySelectorAll('.step-first .layui-input');
        inputs.forEach(function (input) {
          input.addEventListener('input', function (event) {
            console.log('输入框内容变化:', event.target.value);
          });
          input.addEventListener('blur', function (event) {
            console.log('输入框失去焦点:', event.target.value);
          });
        });

        // 第一步左右表格高亮逻辑
        const originTable = document.getElementById('origin-table');
        const rewriteTable = document.getElementById('rewrite-table');
        // 为左边表格的每一行添加点击事件
        originTable.querySelectorAll('tbody tr').forEach((row) => {
          row.addEventListener('click', () => {
            // 解决滚动时整个页面滚动的优化-锁定滚动
            document.body.classList.add('no-scroll');
            // 移除右边表格中所有行的高亮类
            rewriteTable.querySelectorAll('tbody tr').forEach((r) => r.classList.remove('active-row'));
            // 获取被点击行的ID
            const originId = row.id;
            // 查找对应的右边表格行
            const correspondingRow = rewriteTable.querySelector(`tbody tr[connect-id="${originId}"]`);
            // 如果找到对应行，则添加高亮类
            if (correspondingRow) {
              correspondingRow.classList.add('active-row');
              correspondingRow.scrollIntoView({ behavior: 'smooth', block: 'center' });
              // 解决滚动时整个页面滚动的优化-解除滚动
              document.body.classList.remove('no-scroll');
            }
          });
        });
      });
    </script>
  </body>
</html>
